<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Registro</ui:define>

	<ui:define name="contenido">
		<script type="text/javascript">
			<!--

			
			-->
		</script>
	
	
		<h1>Administracion de Horas</h1>
		<h:form id="wRegistro">
			<!-- <p:panel header="Criterios de b&#250;squeda" toggleable="true"> -->
			
			<p:growl life="3000" showDetail="true" id="msjLisReg" autoUpdate="true"/>
			
			<p:accordionPanel id="apBusqueda">
				<p:tab title="Criterios de b&#250;squeda">
					<div class="filas">
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboAnio"
										value="Año:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<!-- <p:inputText id="txtNomProducto" value="#{productoMB.descProductoBUS}"/> -->
										<p:selectOneMenu id="cboAnio"
												value="#{registroMB.anio}"> 
												<f:selectItems var="itmAnio"
													value="#{registroMB.lstAnio}"
													itemLabel="#{itmAnio.descripcion}"
													itemValue="#{itmAnio.descripcion}" />
										</p:selectOneMenu>
										
										<!-- <p:autoComplete id="txtNomProducto" maxResults="10"
										                    value="#{productoMB.descProductoBUS}"
										                    completeMethod="#{productoMB.completeNom}" autocomplete="false" ajax="false"/> -->
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgAnio"
											url="../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgAnio" value="Año de Consulta" />
									</div>
								</div>
								<p:message for="cboAnio" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboMes" value="Mes:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboMes" value="#{registroMB.mes}" onchange="document.getElementById('wRegistro:apBusqueda:btnBuscar').click();">
												<f:selectItems value="#{registroMB.lstMeses}"
												var="itmMes" itemLabel="#{itmMes.descripcion}"
												itemValue="#{itmMes.codigo}"/>
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgMes"
											url="../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgMes" value="Mes de Consulta" />
									</div>
								</div>
								<p:message for="cboMes" />
							</div>
						</div>
						
					</div>
					<div class="boton">
						<p:commandButton id="btnBuscar" value="Buscar" icon="ui-icon-search" actionListener="#{registroMB.buscarRegistros}" 
						update="wRegistro:tblRegistro,wRegistro:msjLisReg"/>
					</div>
					<div style="clear: both;"></div>
					<!-- </p:panel> -->
				</p:tab>
			</p:accordionPanel>
			<h2>Resultados</h2>
			<p:separator />

			<div class="opcionesTabla" style="text-align: left;">
				<p:commandButton value="Agregar Registro" icon="ui-icon-plus" actionListener="#{registroMB.openAgregarRegistro}"
					 oncomplete="dlgAgregarRegistro.show()" update="iddlgAgregarRegistro"/>
				<p:commandButton value="Calcular Totales" icon="ui-icon-calculator" actionListener="#{registroMB.calcularTotales}"
					  update="msjLisReg,iddlgVerTotales"/>
					<div style="clear: both;"></div>
			</div>

			<div class="scrollTabla">
				<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
					style="width: 100%" var="regHoras" value="#{registroMB.lstRegistros}" id="tblRegistro" emptyMessage="No se encontraron registros">
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Item" />
						</f:facet>
						<h:outputText value="#{regHoras.id}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="" title="Editar" />
						</f:facet>
						<p:commandButton value="Editar" icon="ui-icon-pencil" onclick="dlgEditarRegistro.show()"
											action="#{registroMB.openEditarRegistro}" update="wEditReg:pEditReg">
							<!-- <f:param name="codReg" value="#{regHoras.id}" id="codReg" /> -->
							<f:setPropertyActionListener value="#{regHoras}"
								target="#{registroMB.objRegistroMain}" />
						</p:commandButton>
					</p:column>
					
					<p:column styleClass="eliminar">
							<f:facet name="header">
								<h:outputText value="" title="Eliminar" />
							</f:facet>
						<p:commandButton value="Eliminar" icon="ui-icon-trash" 
							action="#{registroMB.visibleConfirmElimRegistro}"
							update="@form confirmEliminarRegistro">
							<f:setPropertyActionListener value="#{regHoras}"
								target="#{registroMB.objRegistroMain}" />
						</p:commandButton>
					</p:column>
					
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Anio" />
						</f:facet>
						<h:outputText value="#{regHoras.anio}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Mes" />
						</f:facet>
						<h:outputText value="#{regHoras.descMes}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Dia" />
						</f:facet>
						<h:outputText value="#{regHoras.dia}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Horas" />
						</f:facet>
						<h:outputText value="#{regHoras.horas}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Revistas" />
						</f:facet>
						<h:outputText value="#{regHoras.revistas}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Revisitas" />
						</f:facet>
						<h:outputText value="#{regHoras.revisitas}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Folletos" />
						</f:facet>
						<h:outputText value="#{regHoras.folletos}" />
					</p:column>
					<f:facet name="footer">  
          			Total registros: <h:outputText value="#{registroMB.iCanRegTablaPrincipal}"/>    
        		</f:facet>
				</p:dataTable>
			</div>
			<div class="opcionesTabla" style="text-align: left;">
				<p:commandButton value="Exportar"
					action="exportar/registro.jsp" icon="ui-icon-disk"
					target="_blank" ajax="false" />
			<div style="clear: both;"></div>
			</div>
		</h:form>

		<!-- ******************************************* AGREGAR REGISTRO ************************************************ -->

		<p:dialog header="Agregar Registro" widgetVar="dlgAgregarRegistro"
			modal="true" width="930" position="top" id="iddlgAgregarRegistro">
			
			<p:growl life="3000" showDetail="true" id="msjAgregarRegistro" autoUpdate="true"/>
			
			<h1>Agregar Registro</h1>
			<!-- <h:form enctype="multipart/form-data" id="wAgregarReg"> -->
			<h:form id="wAgregarReg">
				<p:panel header="Datos de Registro" toggleable="false" id="pAgregarReg">
					<div class="filas">
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaReg" value="Fecha:" /><h:outputLabel value="*" style="Color:red"/>
								</div>
								<div class="dostercios">
									<div class="input">
										<p:calendar id="txtFechaReg" locale="es" pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);"
										value="#{registroMB.objRegistroMain.fechaRegistro}"/>
										<!-- <p:inputText id="cboAnioReg" value="#{productoMB.objProductoMain.descProducto}"/> -->
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaReg"
											url="../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFechaReg" value="Fecha de Registro" />
									</div>
								</div>
								<p:message for="txtFechaReg" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtHorasReg" value="Horas" /><h:outputLabel value="*" style="Color:red"/>
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtHorasReg" value="#{registroMB.objRegistroMain.horas}" onfocus="limpiaZero(this)" onblur="rellenaZero(this)"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgHorasReg"
											url="../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgHorasReg" value="Horas realizadas" />
									</div>
								</div>
								<p:message for="txtHorasReg" />
							</div>
						</div>
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtRevistasReg" value="Revistas:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtRevistasReg" value="#{registroMB.objRegistroMain.revistas}" onfocus="limpiaZero(this)" onblur="rellenaZero(this)"/>
										<!-- <p:fileUpload id="fupImagen" auto="true" mode="advanced" label="Examinar"
													  fileUploadListener="#{productoMB.getFile}"/> -->
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgRevistasReg"
											url="../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgRevistasReg" value="Revistas entregadas" />
									</div>
								</div>
								<p:message for="txtRevistasReg" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtRevisitasReg" value="Revisitas:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtRevisitasReg" value="#{registroMB.objRegistroMain.revisitas}" onfocus="limpiaZero(this)" onblur="rellenaZero(this)"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgRevisitasReg"
											url="../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgRevisitasReg" value="Revisitas realizadas" />
									</div>
								</div>
								<p:message for="txtRevisitasReg" />
							</div>
						</div>
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFolletosReg" value="Folletos:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtFolletosReg" value="#{registroMB.objRegistroMain.folletos}" onfocus="limpiaZero(this)" onblur="rellenaZero(this)"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFolletosReg"
											url="../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFolletosReg" value="Folletos entregados" />
									</div>
								</div>
								<p:message for="txtFolletosReg" />
							</div>
						</div>
					</div>
					<div class="boton">
						<p:commandButton value="Agregar" icon="ui-icon-disk"  onclick="confirmationAgregarRegistro.show()"/>
					</div>
					<div style="clear: both;"></div>
				</p:panel>

				<div style="clear: both;"></div>
			</h:form>
		</p:dialog>
	
		<!-- ******************************************** EDITAR PRODUCTO ****************************************** -->

		<p:dialog header="Editar Registro" widgetVar="dlgEditarRegistro"
			modal="true" width="930" position="top">
			
			<p:growl life="3000" showDetail="true" id="msjEditarRegistro" autoUpdate="true"/>
			
			<h1>Editar Registro</h1>
			<h:form id="wEditReg">
				<p:accordionPanel id="pEditReg">
					<p:tab title="Datos de registro">
						<div class="filas">
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtFechaEdit" value="Fecha:" /><h:outputLabel value="*" style="Color:red"/>
									</div>
									<div class="dostercios">
										<div class="input">
											<p:calendar id="txtFechaEdit" locale="es" pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);"
											value="#{registroMB.objRegistroMain.fechaRegistro}" disabled="true"/>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgFechaEdit"
												url="../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgFechaEdit" value="Fecha de Registro" />
										</div>
									</div>
									<p:message for="txtFechaEdit" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtHorasEdit" value="Horas" /><h:outputLabel value="*" style="Color:red"/>
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtHorasEdit" value="#{registroMB.objRegistroMain.horas}" onfocus="limpiaZero(this)" onblur="rellenaZero(this)"/>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgHorasEdit"
												url="../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgHorasEdit" value="Horas realizadas" />
										</div>
									</div>
									<p:message for="txtHorasEdit" />
								</div>
							</div>
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtRevistasEdit" value="Revistas:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtRevistasEdit" value="#{registroMB.objRegistroMain.revistas}" onfocus="limpiaZero(this)" onblur="rellenaZero(this)"/>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgRevistasEdit"
												url="../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgRevistasEdit" value="Revistas entregadas" />
										</div>
									</div>
									<p:message for="txtRevistasEdit" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtRevisitasEdit" value="Revisitas:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtRevisitasEdit" value="#{registroMB.objRegistroMain.revisitas}" onfocus="limpiaZero(this)" onblur="rellenaZero(this)"/>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgRevisitasEdit"
												url="../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgRevisitasEdit" value="Revisitas realizadas" />
										</div>
									</div>
									<p:message for="txtRevisitasEdit" />
								</div>
							</div>
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtFolletosEdit" value="Folletos:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtFolletosEdit" value="#{registroMB.objRegistroMain.folletos}" onfocus="limpiaZero(this)" onblur="rellenaZero(this)"/>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgFolletosEdit"
												url="../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgFolletosEdit" value="Folletos entregados" />
										</div>
									</div>
									<p:message for="txtFolletosEdit" />
								</div>
							</div>
						</div>
						<div class="boton">
							<p:commandButton value="Guardar" icon="ui-icon-disk" onclick="confirmationEditarRegistro.show()" />
						</div>
					</p:tab>
				</p:accordionPanel>

			</h:form>
		</p:dialog>
		
		<!-- ******************************************* TOTALES ************************************************ -->

		<p:dialog header="Resultado" widgetVar="dlgVerTotales"
			modal="true" width="800" position="top" id="iddlgVerTotales">
			
			<p:growl life="3000" showDetail="true" id="msjResultado" autoUpdate="true"/>
			
			<h1>Resultado</h1>
			<!-- <h:form enctype="multipart/form-data" id="wAgregarReg"> -->
			<h:form id="wTotales">
				<p:panel header="Datos de Registro" toggleable="false" id="pAgregarReg">
					<div class="scrollTabla">
					<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
						style="width: 100%" var="regTotal" value="#{registroMB.lstTotales}" id="tblTotales" emptyMessage="No se encontraron registros">
						<p:column styleClass="oficina">
							<f:facet name="header">
								<h:outputText value="Item" />
							</f:facet>
							<h:outputText value="#{regTotal.id}" />
						</p:column>
						<p:column styleClass="oficina">
							<f:facet name="header">
								<h:outputText value="Anio" />
							</f:facet>
							<h:outputText value="#{regTotal.anio}" />
						</p:column>
						<p:column styleClass="oficina">
							<f:facet name="header">
								<h:outputText value="Mes" />
							</f:facet>
							<h:outputText value="#{regTotal.descMes}" />
						</p:column>
						<p:column styleClass="oficina">
							<f:facet name="header">
								<h:outputText value="Horas" />
							</f:facet>
							<h:outputText value="#{regTotal.horas}" />
						</p:column>
						<p:column styleClass="oficina">
							<f:facet name="header">
								<h:outputText value="Revistas" />
							</f:facet>
							<h:outputText value="#{regTotal.revistas}" />
						</p:column>
						<p:column styleClass="oficina">
							<f:facet name="header">
								<h:outputText value="Revisitas" />
							</f:facet>
							<h:outputText value="#{regTotal.revisitas}" />
						</p:column>
						<p:column styleClass="oficina">
							<f:facet name="header">
								<h:outputText value="Folletos" />
							</f:facet>
							<h:outputText value="#{regTotal.folletos}" />
						</p:column>
						<f:facet name="footer">  
	          			Total registros: <h:outputText value="#{registroMB.iCanRegTablaTotales}"/>    
	        		</f:facet>
					</p:dataTable>
				</div>
				<div class="opcionesTabla" style="text-align: left;">
					<div class="boton">
						<p:commandButton value="Exportar"
							action="exportar/totales.jsp" icon="ui-icon-disk"
							target="_blank" ajax="false" />
					</div>
					<div class="boton">
						<p:commandButton value="Aceptar" icon="ui-icon-close"  onclick="dlgVerTotales.hide()"/>
					</div>
				<div style="clear: both;"></div>
				</div>
				</p:panel>

				<div style="clear: both;"></div>
			</h:form>
		</p:dialog>
		
		<p:confirmDialog 
		   message="¿Está seguro de agregar el registro?"
		   width="300" showEffect="explode" hideEffect="explode"
		   header="Mensaje de Confirmación" severity="alert"
		   widgetVar="confirmationAgregarRegistro" modal="true"> 
		   <!-- <h:form enctype="multipart/form-data"> -->
		   <h:form>
		    <p:commandButton value="Si"
		     actionListener="#{registroMB.insertaRegistro}" update="msjAgregarRegistro,wRegistro:tblRegistro,wRegistro:apBusqueda:cboMes,wRegistro:apBusqueda:cboAnio,wAgregarReg"
		     oncomplete="confirmationAgregarRegistro.hide()" />
		    <p:commandButton value="No"
		     onclick="confirmationAgregarRegistro.hide()" type="button" />
		   </h:form>
		 </p:confirmDialog>
		 
		 
		 <p:confirmDialog 
		   message="¿Está seguro de editar los datos?"
		   width="300" showEffect="explode" hideEffect="explode"
		   header="Mensaje de Confirmación" severity="alert"
		   widgetVar="confirmationEditarRegistro" modal="true"> 
		   <h:form>
		    <p:commandButton value="Si" ajax="true"
		     actionListener="#{registroMB.editarRegistro}" update="msjEditarRegistro,wRegistro:tblRegistro"
		     oncomplete="confirmationEditarRegistro.hide()" />
		    <p:commandButton value="No"
		     onclick="confirmationEditarRegistro.hide()" type="button" />
		   </h:form>
		 </p:confirmDialog>
		 
		 
		 <p:confirmDialog  
		   message="¿Está usted seguro que desea eliminar el registro?"
		   width="300" showEffect="explode" hideEffect="explode"
		   header="Mensaje de Confirmación" severity="alert"
		   widgetVar="confirmationEliminarRegistro" modal="true" id="confirmEliminarRegistro" visible="#{registroMB.bflagConfirmEliReg}"> 
		   <h:form>
		    <p:commandButton value="Si" 
		     actionListener="#{registroMB.eliminarRegistro}" update="msjLisReg,wRegistro:tblRegistro"
		     oncomplete="confirmationEliminarRegistro.hide()" />
		    <p:commandButton value="No"
		     onclick="confirmationEliminarRegistro.hide()" type="button" />
		   </h:form>
		 </p:confirmDialog>
	</ui:define>
</ui:composition>